.docsMain {
  padding: 0;
  margin-top: 0;
  width: 100%;
  height: 90vh;
  overflow-y: auto;
  &::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  &::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border-radius: 35px;
  }
  &::-webkit-scrollbar-thumb {
    background: rgba(144, 147, 153, 0.5);
    border-radius: 25px;
  }
  .page_container {
    width: 1260px;
    margin: 0 auto;
    .scrollbar {
      position: fixed;
      top: 0;
      bottom: 0;
      width: 260px;
      margin-top: 80px;
      transition-duration: 0.3s;
      transition-timing-function: ease;
      transition-delay: 0s;
      .side_nav {
        height: calc(100% - 50px);
        margin-top: 25px;
        padding-right: 0;
        border-right: solid 1px #e6e6e6;
        overflow: hidden;
        &:hover {
          overflow-y: auto;
        }
        &::-webkit-scrollbar {
          width: 6px;
          height: 6px;
        }
        &::-webkit-scrollbar-track {
          background: rgba(0, 0, 0, 0);
          border-radius: 35px;
        }
        &::-webkit-scrollbar-thumb {
          background: rgba(144, 147, 153, 0.3);
          border-radius: 25px;
        }
        .title {
          font-size: 18px;
          color: #333;
          line-height: 40px;
          height: 40px;
          margin: 0;
          padding: 0;
          text-decoration: none;
          display: block;
          position: relative;
          transition: 0.15s ease-out;
          font-weight: 700;
          cursor: pointer;
        }
        .subtitle {
          font-size: 14px;
          color: #000000d9;
          line-height: 40px;
          height: 40px;
          padding-left: 15px;
          text-decoration: none;
          display: block;
          position: relative;
          transition: 0.15s ease-out;
          cursor: pointer;
          &:hover {
            color: deepskyblue;
          }
        }
        .whetherHover {
          cursor: auto;
        }
      }
    }

    .component__content {
      padding-left: 305px;
      padding-bottom: 100px;
      box-sizing: border-box;
      .content {
        padding-top: 50px;
      }
    }
  }
}
